<template>
  <div class="container">
    <el-button type="primary" @click="getDatas">load datas</el-button>
    <div class="datas">datas count:{{ datas?.length }}</div>
  </div>
</template>

<script setup>
import { ref } from 'vue';
const datas = ref([]);
const getDatas = () => {
  for (let i = 0; i < 1000000; i++) {
    datas.value.push({
      id: i,
      name: 'name' + i,
      address:{
        city: `city${i}`,
        province:`province${i}`
      }
    });
  }
}

</script>

<style scoped>
.container {  
  width: 100%;
  height: 100vh;  
}
</style>